<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
		<title>注册</title>
		<!-- 引入阿里巴巴图标字体库的字体图标 访问iconfont -->
		<link rel="stylesheet" href="css/font_5d7ik80lwcv/iconfont.css">
		<style>
			/* 重置样式 */
			*{
				margin: 0;
				padding: 0;
			}
			/* 设置背景 */
			body{
				background: url(img/star.jpg);
				background-size: 100%;
			}
			/* 容器样式 */
			.container{
				width: 100%;
				height: 100vh;
				margin: auto;
				display: flex;
			}
			/* 注册框样式 */
			.login{
				width: 300px;
				height: 350px;
				margin: auto;
				text-align: center;
				justify-content: center;
				align-items: center;
				background: rgba(0,0,0,0.5);
				border-radius: 10px;
			}
			/* 标题文字样式 */
			h1{
				color: white;
				margin-bottom: 20px;
				margin-top: 20px;
			}
			p{
				height: 30px;
				line-height: 30px;
				font-size: 28px;
				margin-bottom: 20px;
			}
			/* 图标样式 */
			span{
				color: white;
			}
			input{
				background-color: transparent;
				height: 30px;
				width: 150px;
				border-radius: 5px;
				border: none;
				border-bottom: 1px solid white;
				outline-color: white;
				color: #fff;
			}
			button{
				width: 150px;
				height: 30px;
				margin-bottom: 10px;
				border: none;
				border-radius: 15px;
				cursor: pointer;
				outline: none;
				background: linear-gradient(to right,#edb8b0,#016db4);
				color: #D8EEF3;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="login">
				<h1>REGISTER</h1>
				<p>
					<span class="iconfont icon-01"></span>
					<input type="text" placeholder="用户名"/>
				</p>
				<p>
					<span class="iconfont icon-mima"></span>
					<input type="text" placeholder="输入密码"/>
				</p>
				<p>
					<span class="iconfont icon-mima"></span>
					<input type="text" placeholder="确认密码"/>
				</p>
				<br>
				<button type="reset">注册</button>
				<a href="login.html"><button type="submit">返回登录</button></a>
			</div>
		</div>
	</body>
</html>
